<div class="bootstrap-timepicker input-group">
    <input id="timepicker1" type="text" class="form-control input-small">
    <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
<div class="input-group bootstrap-timepicker">
    <input id="timepicker2" type="text" class="form-control input-small">
    <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
<div class="bootstrap-timepicker">
    <input id="timepicker3" type="text" class="form-control">
</div>
<div class="bootstrap-timepicker">
    <input id="timepicker4" type="text" class="form-control">
</div>
<div class="input-group bootstrap-timepicker">
    <input id="timepicker5" type="text" class="form-control input-small">
    <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
<div style="z-index:1000; position:relative;">
    <div class="bootstrap-timepicker">
        <input id="timepicker-z-index" type="text" class="form-control">
    </div>
</div>
<div class="input-group bootstrap-timepicker">
    <input id="timepicker-snapper" type="text" class="form-control input-small">
    <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
